<template>
	<view class="home">
		<!--circular用来设置循环轮播   indicator-dots设置下面小圆点用来点击 -->
		<swiper circular indicator-dots autoplay>
			<!-- v-for循环遍历数组 -->
			<swiper-item v-for="(item, index) in swipers" :key="index">
				<image :src="item"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"carouselMap",
data() {
  return {
    swipers: [
      require('@/static/cat.jpg'),
      require('@/static/dog.jpg'),
      require('@/static/Rabbit.jpg'),
	  require('@/static/snake.jpg'),
	  require('@/static/kejidog.jpg'),
	  require('@/static/fish.jpg'),
    ]
  }
},
	}
</script>

<style lang="scss">

	.home{
		swiper{
			width: 750rpx;
			height: 470rpx;
			image{
				width: 100%;
				height: 100%;
			}
		}
   }
</style>